// 获取模态窗口和按钮
const settingsBtn = document.getElementById("settingsBtn");
const modal = document.getElementById("settingsModal");
const closeBtn = document.getElementsByClassName("close")[0];
const saveBtn = document.getElementById("saveBtn");
const nameInput = document.getElementById("nameInput");

// 打开模态窗口
settingsBtn.onclick = function () {
    modal.style.display = "flex";
}

// 关闭模态窗口
closeBtn.onclick = function () {
    modal.style.display = "none";
}

// 点击窗口外部关闭模态窗口
//window.onclick = function (event) {
//    if (event.target == modal) {
//        modal.style.display = "none";
//    }
//}
settingsBtn.onclick = function () {
    // 从 localStorage 获取保存的名单
    const savedNames = JSON.parse(localStorage.getItem('namesList')) || [];
    
    // 将名单数组转换为文本框的格式（每个名字一行）
    nameInput.value = savedNames.join("\n");
    
    // 打开模态窗口
    modal.style.display = "flex";
}

// 保存名单
saveBtn.onclick = function () {
    // 将文本框中的每行名字去掉空格并过滤掉空行
    const namesList = nameInput.value.split("\n")
        .map(name => name.trim())  // 去除每行两边的空格
        .filter(name => name !== ''); // 过滤掉空名字
    
    if (namesList.length === 0) {
        alert("名单不能为空，请输入至少一个名字！");
        return;
    }
    
    // 保存新的名单到 localStorage
    localStorage.setItem('namesList', JSON.stringify(namesList));
    
    // 更新全局 names 变量，立即生效
    names = namesList;
    
    // 关闭模态窗口
    modal.style.display = "none";
    alert("名单已保存，并已更新！");
}



// 初始化 names 变量，优先使用 localStorage 中的名单
let names = JSON.parse(localStorage.getItem('namesList')) || ["张三", "李四", "王五", "小明", "小红", "小白", "大白", "小亮", "小超"]; // 默认名单


// 获取随机名称的函数依旧不变
// 链接按钮点击事件
document.getElementById('linkBtn1').onclick = function() {
    // 在这里处理第一个链接按钮的点击事件
    console.log('链接1按钮点击');
};

document.getElementById('linkBtn2').onclick = function() {
    // 在这里处理第二个链接按钮的点击事件
    console.log('链接2按钮点击');
};
